<template>
	<div class="single-image-list" :class="[{'is-round': config.round.value === 'yes'}]">
		<div class="double-row">
			<div class="double-row-container">
				<a href="javascript:;">
					<img :src="emptySrc"
						class="double-row-image">
				</a>
			</div>
			<div class="double-row-container">
				<a href="javascript:;">
					<img :src="emptySrc"
						class="double-row-image">
				</a>
			</div>
		</div>
	</div>
</template>

<script type="text/ecmascript-6">
	import Mixin from '../mixin';
	export default {
		name: 'double-row-image',
		mixins: [Mixin],
		data() {
			return {
				emptySrc: ""
			};
		},
		props: {
			cdata: Object | Array,
			config: Object
		},
		mounted() {}
	};
</script>

<style scoped>
	.double-row{
		width: 100%;
		padding: .2rem;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
	}
	.double-row-container{
		width: 49%;
	}
	.is-round .double-row-container {
		border-radius: .1rem;
		overflow: hidden;
	}
	.double-row-container a{
		display: block;
		font-size: 0;
	}
	.double-row-image{
		width: 100%;
	}

</style>